@charset "utf-8";


html{ height: 100% !important; }

body,input,textarea,select,input{ margin:0; padding:0;   color:#666; font-size:100%; height:100%;  
font-family: 'Source Sans Pro', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif;
font-family: "LinotypeUniversW01-Regu";font-family:微軟正黑體, Arial, Helvetica, sans-serif;font-size: 12px; }

h1,h2,h3,h4,h5,h6,p,b,c,e,g,strong,dl{font-weight: normal; margin:0; padding:0;font-size: 12px;}
a:focus {outline:none;-moz-outline:none;}

.topScroll .page-about-nav-left{top: 5%;}
a{ text-decoration:none; color:#666;}
*{ margin: 0; padding: 0; border: 0; }

.div1 {width: 100%;position: fixed;z-index: 999999999;}
.div2_1{background: #ccc;height:60px;overflow: hidden;}
.div2_1 .mobile-inner .web-nav h1 img{ width:36%;}
.div2_1 .mobile-inner-header-icon{ width:4%;}
.div2_1 .mobile-inner-header-icon span{left: calc((100% - 30px) / 2);}
.div2_1 .mobile-inner-header-icon b{ font-size:13px;}


.mobile-inner-nav a b,.web-video div h1 p a b{font-family: 黑体;}
.footer one p b a c{display: inline-block;color: #fff;font-family: 黑体;}
.page-about-info p b{color: #F8941E;font-weight: bold;font-size: 1.1em;}

.web-video img{ display:none;}

.web-nav{float: left;width: 94%;overflow: hidden;  position: relative; height:100%; }


.mobile-inner .web-nav h1{position: relative; float: left;line-height: 1.5em;  margin: 0;padding: 0; display:none;}
.mobile-inner .web-nav a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;display:inline-block;
    width: 200px;
    /*padding: 0px 15px;*/
    display: flex;

    align-items: center;}
.mobile-inner .web-nav h1 img{width: initial;float: left;margin: 0;width:100% !important;}
.mobile-inner .web-nav h1 b{font-family: Arial;color: #333;font-size: 0.8em;}
.mobile-inner .web-nav p{padding: 0;margin: 0;float: right;width: 12%;overflow: hidden;line-height: 3.8em;  height: 100%;position: relative;
display:none;}
.mobile-inner .web-nav p a{float: right;text-decoration: inherit;color: #666;font-weight: normal;padding: 0 5% 0 5%;border-left: 1px solid #eee;display: inline-block;margin-left: 5%;line-height: 3.8em;font-size: 1.2em;}
.mobile-inner .web-nav p b{float: left;display: block;color: #333;font-size: 1.2em;line-height: 3.8em;}
.mobile-inner-header-icon b{position: absolute;width: 100%;top: 50%;left: 0;font-size: 0.6em;}
.mobile-inner-header-icon-click span:nth-child(3){opacity: 0;}
.mobile-inner .web-nav p a:hover{color:#F71D1D;}













.footer{display: block;overflow: hidden;}
.footer .footer_top{background: #424242;padding: 3% 12%;overflow: hidden;}
.footer .footer_top h3{ text-align:center;}
.footer .footer_top dl{ overflow: hidden;margin-bottom: 0;margin-top: 4%;}
.footer .footer_top dl dd{margin-left: 9%;float: left;margin-right:0;width: 24%;}
.footer .footer_top dl dd a{color: #8e8e8e;font-size: 14px;display: block;margin-bottom: 2%;}
.footer .footer_top dl dd a:hover{color: #fff;}
.footer .footer_top dl dd:last-child{margin-right:0;}
.footer .footer_top dl dd:nth-child(3n){margin-right:0;}
.footer .footer_top dl span{float: left;height: 16px;background: #716b6b;width: 2px;margin: 1% 0%;}
.footer .footer_top dl left{ width:49.9%; float:left;}
.footer .footer_top dl right{ width:49.9%; float:left;}
.footer .footer_top dl right dt a{color: #8e8e8e;font-size: 14px;display: block;margin-bottom: 2%;}
.footer .footer_top dl right dt{margin-left: 0;float: left;margin-right:10%;width: 40%;}
.footer .footer_top dl right dt:nth-child(2n){margin-right:0;}
.footer .footer_top dl right dt:first-of-type{margin-left: 10%;}
.footer .footer_bottom{background: #323232;padding: 1% 12%;overflow: hidden;}
.footer .footer_bottom dl{ margin:0; overflow:hidden;}
.footer .footer_bottom dl h3{float: left;width: 25%;overflow: hidden;color: #6a6a6a;font-size: 14px;text-align: left;}
.footer .footer_bottom dl h4{float: left;width: 50%;overflow: hidden;color: #6a6a6a;font-size: 14px;text-align: center;}
.footer .footer_bottom dl a{margin-top: 1em;margin-bottom: .5em; display: inline-block; float: left;width: 25%;overflow: hidden;color: #6a6a6a;font-size: 14px;text-align: right;}


.index_project{overflow: hidden;height: 58em;}
.index_project left{display: block;width: 50%;height: 100%;float: left;}
.index_project left img{width: 100%;height: 100%;}
.index_project right{display: block;width: 50%;float: left;background-color: #787878;}
.index_project right h1{overflow: hidden;margin-top: 5%;margin-left: 6%;}
.index_project right h1 b{display: block;font-size: 12px;color: rgba(255, 255, 255, 0.65);}
.index_project right h1 font{display: block;font-size: 28px;color: #fff;margin-bottom: 1.2%;margin-top: 1%;}
.index_project right h1 p{}
.index_project right h1 p t{display: block;width: 10%;border-bottom: 1px solid rgba(255, 255, 255, 0.39);float: left;margin-top: 1.2%;margin-right: 3%;}
.index_project right h1 p span{font-size: 14px;color: #fff;}
.index_project right ul{overflow: hidden;width: 88%;margin: auto;margin-top: 5%;margin-bottom: 6%;}
.index_project right ul li{width: 48%;overflow: hidden;float: left;  margin-right: 2%;position: relative;margin-bottom: 2%;}
.index_project right ul li:nth-chlid{3n}{ margin-right: 0;}
.index_project right ul li img{width: 100%;}


.index_case{overflow: hidden;}
.index_case .index_case_top{ overflow:hidden;background-color: #E6E6E6;padding: 1.5% 0;}
.index_case .index_case_top left{display: block;float: left;margin-left: 2%;width: 50%;}
.index_case .index_case_top left h1{overflow: hidden;}
.index_case .index_case_top left h1 b{display: block;font-size: 12px;color: #555;margin-top:8px;}
.index_case .index_case_top left h1 t{ height: 1px;background: #555;margin-top:17px;width:20%;margin-left: 1%; float:left;}
.index_case .index_case_top left h1 font{float: left;color: #000;font-size: 25px;}
.index_case .index_case_top left h1 p{ display:block;overflow: hidden;margin-top: 1%;}
.index_case .index_case_top left h1 p c{float: left;color: #666;margin-left: 1%;margin-top: 0.8%;font-size: 15px;}
.index_case .index_case_top left h1 p img{ float:left; margin-right:2%;}
.index_case .index_case_top right{float: right;margin-right: 4%;margin-top:13px;font-size: 15px;}
.index_case .index_case_top right a{ color:#888;border-bottom: 2px solid #888;}
.index_case .index_case_top right a:hover{  color:#e60012;border-bottom: 2px solid #e60012;}
.index_case .target.tit {opacity: 0;transform: translate(-150px,0px);-webkit-transform: translate(-150px,0px);
transition: 200ms ease 200ms;-webkit-transition: 600ms ease 600ms;}
.index_case .action.tit {opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}




.index_case_bottom{ overflow:hidden; height:1185px;}
.index_case_bottom a{ display:block; width: 25%; overflow:hidden; height:33.33333%;position: relative; float:left;}
.index_case_bottom a img{ width:100%; height:100%;display: block;transition: all 1s ease;}
.index_case_bottom a:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);opacity: 1;}
.index_case_bottom a .bg_txt{padding: 0 0 46px 73px;z-index: 2;position: absolute;bottom: 0;left: 0;width: 100%;
/*background: linear-gradient(to bottom, rgba(38,50,56, 0) 0%,rgba(38,50,56, .8) 100%);*/}
.index_case_bottom a .bg_txt span {font-weight: 500;margin-bottom: 13px;letter-spacing: 1.2px;font-size: 16px; color:#fff;display: block;}
.index_case_bottom a .bg_txt p{position: relative;border-top: 1px solid rgba(255,255,255, .5);padding: 9px 48px 2px 0;}
.index_case_bottom a .bg_txt p:before {content: '';width: 72px;height: 1px;display: block;position: absolute;top: -1px;left: 0;
transition: all .5s;display: block;background: #A7533D;}
.index_case_bottom a .bg_txt p font{float: right;margin-right: 15%;color: rgba(255, 255, 255, 0.65);font-size: 12px;}
.index_case_bottom a .bg_txt p b{color: #fff;font-size: 12px; float:left;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}
.index_case_bottom a:hover 	.bg_txt p b{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.index_case_bottom a.one{}
.index_case_bottom a:hover p:before {width: 100%;}
.index_case_bottom a.two{width:50%;border-left: none;}
.index_case_bottom a.three{width:25%;border-left: none;}
.index_case_bottom a.four{width: 25%;border-top: none;}
.index_case_bottom a.five{width: 25%;border-left: none;border-top: none;}
.index_case_bottom a.six{width:50%;border-left: none;border-top: none;}
.index_case_bottom a.seven{width:50%;}
.index_case_bottom a.six .bg_txt{}




.index_one{position: relative;width: 100%;height:720px;overflow: hidden;background: #f2f2f2;overflow: hidden;}
.index_one .lyz_tab_right img{width: 100%;height: 100%;display: block;}
.index_one .lyz_tab_left{background-color: #f2f2f2;}
.index_one .lyz_tab_left h1{overflow: hidden;margin-top: 5%;margin-left: 6%;}
.index_one .lyz_tab_left h1 b{display: block;font-size: 12px;color: rgba(255, 255, 255, 0.65);}
.index_one .lyz_tab_left h1 font{display: block;font-size: 28px;color: #fff;margin-bottom: 1.2%;margin-top: 1%;}
.index_one .lyz_tab_left h1 p{ overflow:hidden;}
.index_one .lyz_tab_left h1 p t{display: block;width: 10%;border-bottom: 1px solid rgba(255, 255, 255, 0.39);float: left;
margin-top: 1.2%;margin-right: 3%;}
.index_one .lyz_tab_left h1 p span{font-size: 14px;color: #fff;}
.index_one .lyz_tab_left .pro_con111{}
.index_one .lyz_tab_left .pro_con111 ul{width:76%;margin:0% auto 0%;}
.index_one .lyz_tab_left .pro_con111 ul li{width: 46%;float: left;height: 130px;position: relative;margin-bottom:10%;margin-right:8%;}
.index_one .lyz_tab_left .pro_con111 ul li img{ width:100% !important; height:100% !important; display:block;}
.index_one .lyz_tab_left .pro_con111 ul li:nth-child(2n){ margin-right:0;}
/*.index_one .lyz_tab_left .pro_con111 ul li:nth-child(5n){ margin-right:0;}
.index_one .lyz_tab_left .pro_con111 ul li:nth-child(6n){ margin-right:8%;}
.index_one .lyz_tab_left .pro_con111 ul li:nth-child(7n){ margin-right:0;}*/
.pic_bj{width: calc(100% + 2px);height: calc(100% + 2px);position: absolute;top: -1px;left: -1px;z-index: 2;    background: rgba(120, 120, 120, 0.59);}
.index_one .lyz_tab_left .pro_con111 ul li .pic_bj {transition: opacity .4s;}
.index_one .lyz_tab_left .pro_con111 ul li:hover .pic_bj {opacity: 0;}
.index_one .lyz_tab_left .pro_con111 ul li .xian {position: absolute;top: 50%;width: 8vw;height: 1px;background-color: #ccc;
z-index: 9;transition: all .3s;}
.xian {width: 100%;height: 2px;position: relative;}
.index_one .lyz_tab_left .xian {left: 0;transform: translateX(-50%);}
.index_one .lyz_tab_left .pro_con111 ul li:hover .xian {transform: translateX(0);width:5vw;color:#e60012;}

.index_one .lyz_tab_left .pro_con111 ul li p span.outer {overflow: hidden;}
.index_one .lyz_tab_left .pro_con111 ul li p span {color: #fff;text-transform: uppercase;display: inline-block;position: relative;}
.index_one .lyz_tab_left .pro_con111 ul li p span.inner {transition: all .4s;}
.index_one .lyz_tab_left .pro_con111 ul li p span.hover {position: absolute;top: 100%;left: 0;transition: transform .4s;
transform: translateY(4rem);width: 101%;}
.index_one .lyz_tab_left .pro_con111 ul li p:hover span.inner {transform: translate3d(0,-100%,0);}
.index_one .lyz_tab_left .pro_con111 ul li p:hover .hover {transform: translateY(0);}
.index_one .lyz_tab_left .pro_con111 ul li p {overflow: hidden;position: absolute;z-index: 3;text-decoration: none;text-align: center;
top:0%;width: 100%;padding:19% 0;font-size: 21px;}
.index_one .lyz_tab_left .pro_con111 ul li#one1{margin-top:100px;}
.index_one .lyz_tab_left .pro_con111 ul li#one2{margin-top:100px;}
/*.index_one .lyz_tab_left .pro_con111 ul li#one3{ margin-top:100px;}*/



.index_one .lyz_tab_left .pro_con111 ul li:hover p span.hover{    color: #E1845E;text-shadow: 1px 1px 1px #2D2727;}







/*.index_one .lyz_tab_left .pro_con111 ul li:first-of-type{width:100%;margin-right: 0;height:60px; margin-bottom:8%; margin-top:5%;
display: none; }*/
/*.index_one .lyz_tab_left .pro_con111 ul li:first-of-type:before{background:none;}
.index_one .lyz_tab_left .pro_con111 ul li:first-of-type img{width: 30% !important;height: 70% !important;}*/


.index_one .target.lyz_tab_right {opacity: 0;transform: translate(-150px,0px);-webkit-transform: translate(-150px,0px);
transition: 400ms ease 400ms;-webkit-transition: 1000ms ease 1000ms;}
.index_one .action.lyz_tab_right {opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.index_one .target.lyz_tab_left {opacity: 0;transform: translate(150px,0px);-webkit-transform: translate(150px,0px);
transition: 400ms ease 400ms;-webkit-transition: 1000ms ease 1000ms;}
.index_one .action.lyz_tab_left {opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.index_one .target.lyz_tab_right b{text-align: center;color: #fff;font-size: 14em;display: block; line-height:4em;}
.lyz_tab_right p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.lyz_tab_right p:hover e{background:#E1845E;}
.lyz_tab_right p:hover font{color: #E1845E;}
.lyz_tab_right p e{    display: block;width: 18%;height: 3px;background-color: #979797;margin-top: 7%;float: left;margin-right: 2%;}
.lyz_tab_right p a.lyz_tab_right_a{width: 40%;left: 47%;height: 35%;    top: 18%;}
.lyz_tab_right p a.lyz_tab_right_b{width: 40%;left: 47%;height: 35%;top: 57%;}
.lyz_tab_right p a.lyz_tab_right_c{width: 40%;left: 3%;height: 55%;top: 25%;}

.lyz_tab_right p a.lyz_tab_right_d{width: 35%;left: 12%;height: 30%;top: 25%;}
.lyz_tab_right p a.lyz_tab_right_e{    width: 40%;left: 50%;height: 37%;}
.lyz_tab_right p a.lyz_tab_right_f{    width: 45%;left: 25%;top: 58%;height: 35%;}

.lyz_tab_right p a.lyz_tab_right_g{    width: 40%;left: 30%;height: 30%;}
.lyz_tab_right p a.lyz_tab_right_h{width: 40%;left: 52%;top: 52%;height: 40%;}
.lyz_tab_right p a.lyz_tab_right_i{width: 40%;left: 8%;top: 52%;height: 30%;}

.lyz_tab_right p a.lyz_tab_right_j{width: 40%;left: 6%;height: 35%;top: 57%;}
.lyz_tab_right p a.lyz_tab_right_k{    width: 40%;left: 6%;height: 35%;}
.lyz_tab_right p a.lyz_tab_right_m{    width: 40%;left: 50%;top: 25%;height: 55%;}

.lyz_tab_right p a.lyz_tab_right_n{ width: 40%;left: 50%;height: 37%;}
.lyz_tab_right p a.lyz_tab_right_o{width: 35%;left: 12%;height: 30%;top: 25%;}
.lyz_tab_right p a.lyz_tab_right_p{width: 45%;left: 25%;top: 58%;height: 35%;}

.lyz_tab_right p a.lyz_tab_right_q{width: 40%;left: 47%;height: 35%;    top: 18%;}
.lyz_tab_right p a.lyz_tab_right_r{width: 40%;left: 47%;height: 35%;top: 57%;}
.lyz_tab_right p a.lyz_tab_right_s{width: 40%;left: 3%;height: 55%;top: 25%;}

.lyz_tab_right p a:hover img {opacity: 1;-webkit-filter: grayscale(0%);-moz-transition: 0.6s;-o-transition: 0.6s;
transition: 0.6s;cursor: pointer;}
.lyz_tab_right p a img {opacity: 0.8;-webkit-filter: grayscale(100%);}
.lyz_tab_right p a{ background:#000; height:26%;position: absolute;top:18%;}
.lyz_tab_right p font{text-align: left;display: block;color: #979797; margin-top:2%;font-size:65px;text-transform: uppercase;font-family: arial;}
.lyz_tab_right #con_one_1 img{}
/*.lyz_tab_right p a:nth-child(3n){ top:45%;}
.lyz_tab_right p a:nth-child(4n){top:57%;}*/



.in-banner {position: relative;width: 100%;height: 100%;overflow: hidden;}
.in-banner div {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.71);}
.in-banner div h1 {position: absolute;top:14%;text-align: center;display: block;width: 100%;color: #fff;font-size: 5em;letter-spacing: 3px;}
.in-banner div h1 b {font-family: Arial;font-size:69px;text-transform: uppercase; margin-top:3%;display: block;line-height: 75px;}
.in-banner div h1 p {font-size: 0.3em;letter-spacing: 0;position: relative;z-index: 9;margin-top: 3%;}
.in-banner div h1 p c{background: rgba(166, 82, 60, 0.77);padding: 0.7% 3.5%;margin-right: 1%;transition: all 1s; }
.in-banner div h1 p c a{font-size: 15px;text-decoration: inherit;color: #fff; }
.in-banner div h1 p c:hover{background:#fff;}
.in-banner div h1 p c:hover a{ color:#000;}
.in-banner div h1 p e{background:rgba(255, 255, 255, 0.69);padding: 0.7% 3.5%;transition: all 1s;}
.in-banner div h1 p e:hover{ background:#fff;}
.in-banner div h1 p e:hover a{ color:#000;}
.in-banner div h1 p e a{font-size: 15px;text-decoration: inherit;color: #000; }
.in-banner div h1 span{ display:block;}
.in-banner div h1 span img{width: 17%;}
.in-banner div h1 font{ display:block;margin-top:9%;overflow: hidden;}
.in-banner div h1 font c{font-size:15px;display: block;color: #fff;}
.in-banner div h1 font .scroll{cursor: pointer;position: absolute;width:41px;height:41px;}
.scroll{
	animation:Updown 1s infinite alternate;
	-webkit-animation:Updown 1s alternate infinite;/*infinite无限播放，alternate轮流反向播放*/
}

@keyframes Updown{
	from{margin-top:30px;}
	to{margin-top:10px;}
}
@-webkit-keyframes Updown{
	from{margin-top:30px;}
	to{margin-top:10px;}
}




.index_news{overflow: hidden;}
.index_news .index_news_top{ overflow:hidden;background-color: #f3f3f3;padding: 1.5% 0;}
.index_news .index_news_top left{display: block;float: left;margin-left: 2%;width: 50%;}
.index_news .index_news_top left h1{overflow: hidden;}
.index_news .index_news_top left h1 b{display: block;font-size: 12px;color: #555;margin-top:8px;}
.index_news .index_news_top left h1 t{ height: 1px;background: #555;margin-top:17px;width:20%;margin-left: 1%; float:left;}
.index_news .index_news_top left h1 font{float: left;color: #000;font-size: 25px;}
.index_news .index_news_top left h1 p{ display:block;overflow: hidden;margin-top: 1%;}
.index_news .index_news_top left h1 p img{ float:left; margin-right:2%;}
.index_news .index_news_top left h1 p c{float: left;color: #666;margin-left: 1%;margin-top: 0.8%;font-size: 15px;}
.index_news .index_news_top right{float: right;margin-right: 4%;margin-top:12px;font-size: 15px;}
.index_news .index_news_top right a{ color:#888;border-bottom: 2px solid #888;}
.index_news .index_news_top right a:hover{ color:#e60012;border-bottom: 2px solid #e60012;}
.index_news .target.tit {opacity: 0;transform: translate(-150px,0px);-webkit-transform: translate(-150px,0px);
transition: 200ms ease 200ms;-webkit-transition: 600ms ease 600ms;}
.index_news .action.tit {opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}


.index_news_bottom{overflow: hidden;background-color: #1e1e1e;width: 100%;padding-bottom: 0.4%;}
.index_news_bottom a{display: block;width:24.5%;float: left;position: relative;opacity:1;margin-top: 0.4%;margin-left: 0.4%;background-color: #555;}
.index_news_bottom a e{ overflow:hidden;float: right;width: 75%;height: 260px;}
.index_news_bottom a e img{display: block;transition: all 1s ease; width:100%;    height: 100%;}
.index_news_bottom a:hover e img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.index_news_bottom a p{display: block;position: absolute;margin-top: 11%;margin-left: 10%;}
.index_news_bottom a p b{font-size: 12px;color: #A9A9A9;display: block;}
.index_news_bottom a:hover p font{ color:#DC7F5A;}
.index_news_bottom a:hover p b{ color:#DC7F5A;}
.index_news_bottom a p font{display: block;font-size:17px;color: #fff;margin-top: 4%;width: 60%;}
.index_news_bottom a p t{display: block;background-color: #333;width: 30%;color: #fff;font-size: 11px;line-height: 2.8em;    text-align: center;margin-top: 11%;padding-left: 5%;}
.index_news_bottom a p t span{display: block;width: 12%;height: 1px;background-color: #fff;float: left;margin-top: 2%;    position: absolute;left: -7%;top: 85%;}
.index_news_bottom a c{background-color: rgba(21, 21, 21, 0.7); position:absolute; left:0;top:0; display:block; height:100%; width:100%;}
.index_news_bottom a:hover p t{ background:#000;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
/*.index_news_bottom a:hover{opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    cursor: pointer;}*/